<template>
  <tabpage navbar full title="Home">
   <kline-chart
    :market="market"
    :price-precision="price"
    :volume-precision="volume"
  />
  </tabpage>
</template>

<script>
import { reactive, ref, toRefs } from 'vue'

export default {
  setup(props, ctx){
    const precition = reactive({price:4,volume:4, market:'VTXUSDT' })
    setTimeout(()=>{
      precition.price = 2
      precition.volume =2
      precition.market ="BTCUSDT"
      window.gws && window.gws.switchSymbol(precition.market)
    }, 6000)
    return {
      ...toRefs(precition)
    }
  },
}
</script>
<style lang="less" scoped>

</style>
